// 1- 引入useRef
import React, { useRef } from 'react'

export default function App() {
    // 2- 声明常量保存userRef函数返回结果
    const userNameRef = useRef();
    const divRef = useRef();
    
  return (
      <div>
            {/*3- 将定义的常量作为input的ref属性值*/}
          <input type="text" ref={userNameRef} defaultValue={'zhangsan'} />
          <div ref={divRef}>亡羊补牢</div>
          <button onClick={() => {
              console.log(userNameRef.current.value);//zhangsan
              console.log(divRef.current.innerText);//亡羊补牢
          }}>提交</button>
    </div>
  )
}
